CF_Tab Example
Text based tabs. Customize tab appearance:
Font face
Font size
Font color
Font color
mouse over
Font color
selected tab
Font style
Normal
Italic
Bold
Padding
Spacing
Background color
Border color
Border
Height Adj
Internet Explorer
Height Adj
Firefox
Lift active tab
Yes
No
My 1st Tab
My 2nd Tab
3rd Tab. Default is disabled
Yahoo
Redirect to Google...
This is the
content
of first tab.
Content can be any HTML. For example image below:
This is the
content
of 2nd tab.
You can put any HTML here, even Javascript code.
Try clicking button below to enable/disable the 3rd tab
This is the
content
of 3rd tab.
Notes:
Height adjustments are number of pixel each tab header must be adjusted to remove unwanted pixel at the bottom of each tab headers.
These numbers may vary depends on selected font size and/or any icon used.
Also these numbers is browser dependent. That's why we provide both heightadj_ie and heightadj_ff for Internet Explorer and Mozilla Firefox based browsers.
LiftActiveTab is used to set whether currently selected tab needs to be lifted 1 pixel up or not
View source of this file
View sample of tabs built using images
View sample of tabs used as a menu